<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>收货地址</title>
    <script src="js/mui.min.js"></script>
    <link href="css/mui.min.css" rel="stylesheet"/>
    <script type="text/javascript" charset="utf-8">
      	mui.init();
    </script>
</head>
<style>
	.navbar-default{
		background-color: #23CAD0;
		height: 60px;
	}
	.navbar-brand{
		color: #F9F9F9;
		margin-left: 120px;
	}
	h3{
		margin-top: -40px;
	}
	a{
		text-align: center;
	}
	.navbar-header img{
		margin-top: 10px;
		height: 40px;
		width: 20px;
	}
	
	.navbar-cc{
		background: #FFFFFF;
		height:45px;
		margin-top: -10px;
	}
	h4{
		color: #000000;
		font-weight:normal;
		margin-top: -30px;
	}
	.navbar-cc img{
		margin-top: 9px;
	}
	.layui-btn{
		background-color:#23CAD0 ;
	}
</style>
<body>
	<nav class="navbar navbar-default" role="navigation">
		<div class="navbar-header">
			<img src="images/colne.png"/>
			<a href="#" class="navbar-brand"><h3>袋鼠稍货</h3></a>
		</div>
		<div class="navbar-cc"/>
			<img src="images/fanhui.png" />
			<a href="#" class="navbar-pp"><h4>收货地址</h4></a>
		</div>
		<div>
				<button class="layui-btn">新增收货地址</button>
		</div>
	
	</nav>

</body>
</html>